<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>INSPINIA Admin Theme Documentation</title>

    <link href="css/bootstrap.css" rel="stylesheet">

    <style>

        .documentation .jumbotron .row {
            padding-top: 60px;
        }

        .anchor {
            padding-top: 50px;
        }

    </style>
</head>
<body class="documentation">


<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="index.html">INSPINIA - Documentation</a>
        </div>
    </div>
</div>

<div class="jumbotron">
    <div class="container">
        <div class="row">
            <div class="col-md-6">
                <h2>INSPINIA - Angular CLI 2 Seed Project</h2>

                <p>Thank you for purchasing INSPINIA admin theme. If you have any questions about the template, please feel free to contact us via email: <a href="mailto:support@webapplayers.com">support@webapplayers.com</a>.<br/>
                    Thanks very much!</p>


            </div>
            <div class="col-md-6">
                <img src="img/preview.png" alt="screen" class="img-responsive"/>

            </div>
        </div>

    </div>
</div>

<div class="container">

<div class="row">
<div class="col-md-12">
<h3>About the project</h3>

<p>
    Inspinia Angular CLI 2 Seed Project is a special starter project for all users who want's to start developing
    with Angular 2 and don't want to wait for full version. It is a core Inspinia project with layout, example views and styles.
    If you plan to work on Angular 2 then this project should save you some time on initial integration.
    <br/>
    <br/>
    This documentation provide simple instruction how you can run the project.
    Please note that in future I will provide full version for Angular 2 and this documentation will be upgraded with more detailed description.
</p>
    </div>
    </div>




<div class="row">
    <div class="col-md-12">
        <h3>Project description</h3>
        <h4>First run</h4>

        <p>
            Project is build with Angular CLI, npm and webpack module.<br/>
            Once you unzip the archive please install all dependencies:<br/>
        </p>

        <p>
            <code>
                npm install
            </code>
        </p>

        <p>
            In the <strong>package.json</strong> file you can find all available commands but most important are:
        </p>

        <p>
            <code>ng serve</code> - this will start development version. Once you run it you can enter to the app in the browser on http://localhost:4200<br/>
            <code>npm run</code> build - this will build version and copy it to the dist folder.
        </p>

        <p>
            The whole project files are located under <strong>src/</strong> folder.<br/>
            The structure is easy. Main Angular modules are located in <strong>app/</strong> folder. <br/>
            You can find main layout files at /app/components/common/layouts/ as well as routes: app.routes.ts and of course module and component declaration: app.module.ts and app.component.ts.
        </p>

        <p>
            In the <strong>assets/</strong> folder I place the main Inspinia style.css.
        </p>

        <p>
            Please note that project is based on Angular CLI so you can use different commands to scaffold:
        </p>
        <table><thead>
        <tr>
            <th>Scaffold</th>
            <th>Usage</th>
        </tr>
        </thead><tbody>
        <tr>
            <td>Component</td>
            <td><code>ng g component my-new-component</code></td>
        </tr>
        <tr>
            <td>Directive</td>
            <td><code>ng g directive my-new-directive</code></td>
        </tr>
        <tr>
            <td>Pipe</td>
            <td><code>ng g pipe my-new-pipe</code></td>
        </tr>
        <tr>
            <td>Service</td>
            <td><code>ng g service my-new-service</code></td>
        </tr>
        <tr>
            <td>Class</td>
            <td><code>ng g class my-new-class</code></td>
        </tr>
        <tr>
            <td>Interface</td>
            <td><code>ng g interface my-new-interface</code></td>
        </tr>
        <tr>
            <td>Enum</td>
            <td><code>ng g enum my-new-enum</code></td>
        </tr>
        <tr>
            <td>Module</td>
            <td><code>ng g module my-module</code></td>
        </tr>
        </tbody></table>
        <br/>
        <p>
            <strong>For more information pelase visit </strong><a href="https://github.com/angular/angular-cli" target="_blank">https://github.com/angular/angular-cli</a>
        </p>


        <p>
            Please note that this is a starter project so it is no a full version. It should help you start with Inspinia and Angular 2 and save you some time on initial integration.
            If you will find any issues or bugs please report it on my support email and if you will have any questions also feel free to write to me anytime.
        </p>


    </div>

</div>

</div>

<script src="js/jquery-1.10.2.js"></script>
<script src="js/bootstrap.js"></script>

</body>
</html>